<template>
	<view class="contanner_i">
		<span class="tit_c">建议与反馈
		<view class="img">
			<image src="../../static/person/deliver.png"></image>
		</view>
		</span>
		<view class="mid_show">
			<view class="left_i" @click="relation">
				<view class="left_img">
					<image src="../../static/index/zixun.png"></image>
				</view>
				<view class="left_tit">
					咨询中心助理
				</view>
				<span class="left_des">
					心理困扰导诊，及其他事务咨询
				</span>
			</view>
			<view class="right_i" @click="providOpinion">
				<view class="right_img">
					<image src="../../static/index/fangkui.png"></image>
				</view>
				<view class="right_tit">
					填写反馈
				</view>
				<span class="right_des">
					请向我们提供您宝贵的使用意见
				</span>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "index_list",
		data() {
			return {

			};
		},
		methods: {
			relation() {
				uni.navigateTo({
					url: '',
					success: res => {},
					fail: () => {},
					complete: () => {}
				});
			},
			providOpinion() {
				uni.navigateTo({
					url: '/pages/feedback/feedback',
					success: res => {},
					fail: () => {},
					complete: () => {}
				});
			}
		}
	}
</script>

<style lang="less">
	.contanner_i {
		width: 750rpx;
		padding: 30rpx;
		margin-top: 20rpx;
		.tit_c {
			font-size: 30rpx;
			display: flex;
			align-items: center;
			.img{
				width: 40rpx;
				height: 40rpx;
				image{
					width: 100%;
					height: 100%;
				}
			}
		}

		.mid_show {
			margin-top: 15rpx;
			display: flex;
			justify-content: space-around;
			align-items: center;
			height: 200rpx;

			.left_i {
				width: 300rpx;
				height: 200rpx;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;

				.left_img {
					width: 100rpx;
					height: 100rpx;

					image {
						width: 100%;
						height: 100%;
					}
				}

				.left_tit {
					margin-top: 5rpx;
					font-size: 22rpx;
					height: 40rpx;
				}

				.left_des {
					font-size: 18rpx;
					color: gray;
				}
			}

			.right_i {
				width: 300rpx;
				height: 200rpx;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;

				.right_img {
					width: 100rpx;
					height: 100rpx;

					image {
						width: 100%;
						height: 100%;
					}
				}

				.right_tit {
					margin-top: 5rpx;
					font-size: 22rpx;
					height: 40rpx;
				}

				.right_des {
					font-size: 18rpx;
					color: gray;
				}
			}
		}
	}
</style>
